<template>
       <u-popup mode="center" border-radius="20" v-model="isShowPop">
        <view class="password-tip">
           <view class="smu-title main">为了您的账号安全，建议您设置支付密码</view>
           <view style="margin-top:4px" class="smu-subtitle sub">您可以到“我”-“会员资料”-“余额密码”进行设置</view>
           <u-button style="height: 40px;width: 225px;" @click="jump()" class="smu-primary-btn" :custom-style="{
            background:theme.primaryColorPure+'!important'
        }" size="small" type="error">立即设置</u-button>
         <u-button style="height: 40px;width: 225px;margin-top: 10px;" @click="isShowPop = false" class="smu-primary-btn" :custom-style="{
            background:'#fff !important',
            border:'1px solid #efefef !important',
            color:'#666 !important'
        }" size="small" type="error">暂不设置</u-button>
          <view style="margin-top:10px" @click="isShowPop = false" class="smu-tip red">不再提示</view>
       
        </view>
    </u-popup>

</template>
    
  <script>
  let s;
    export default {
     
      props: {
      },
      data() {
        return {
          loading:true,
          customBar:0,
          statusBar:0,
          platform:'web',
          theme:{},
          isShowPop:false
        }
      },
      async created(){
        s = this
        s.$utils.ui.getSystemBaseSetting(s)
        s.$utils.ui.getSystemPageTheme(s)
       console.log(s.platform,'aaaaaaa')
        s.loading = false
      },
      methods: {
        show(){
          console.log('cccccccc')
            s.isShowPop = true
        },
       jump(){
            s.$u.route({ url: s.$utils.url.balancePassword, params: {  } })
       }
      }
    }
  </script>
  <style scoped lang="scss">
.password-tip{
  padding: 30px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  .main{
    color: #202021;
    font-weight: 600;
    font-size: 15px;
  }
  .sub{
    color: #999ca7;
    font-size: 12px;
  }
  .red{
    color:#fd463e;
  }
}
</style>
    